$(function() {
	//	alert(1)
	var DJchart = echarts.init(document.getElementById('DJchart'));
	option = {
		legend: [{
			x: 'center',
			y: '40%',
			textStyle: {
				color: '#fff',
				fontSize:10
			},
			data: ['严重报警', '一般报警', '正常']
		}, {
			x: 'center',
			y: '90%',
			textStyle: {
				color: '#fff',
				fontSize:10
			},
			data: ['漏检', '停检', '已检', '待检']
		}],
		series: [{
			//				name: '',
			type: 'pie',
			radius: '35%',
			center: ['50%', '20%'],
			clockwise: false,
			data: [{
				value: 10,
				name: '严重报警'
			}, {
				value: 13,
				name: '一般报警'
			}, {
				value: 77,
				name: '正常'
			}],
			label: {
				normal: {
					textStyle: {
						color: '#fff',
						fontSize: 12,
					},
					formatter: '{d}%'
				}
			},
			labelLine: {
				normal: {
					show: true,
					lineStyle: {
						color: '#fff'
					}
					//						color:'#fff'
				}
			},
			itemStyle: {
				normal: {
					//						borderWidth: 4,
					//						borderColor: '#fff',
				},
				emphasis: {
					borderWidth: 0,
					shadowBlur: 10,
					shadowOffsetX: 0,
					shadowColor: 'rgba(0, 0, 0, 0.5)'
				}
			},
			color: ['#e93030', '#f7712e', '#1ebeee']
			//			}
		}, {
			//				name: '',
			type: 'pie',
			radius: '35%',
			center: ['50%', '70%'],
			clockwise: false,
			data: [{
				value: 10,
				name: '漏检'
			}, {
				value: 13,
				name: '停检'
			}, {
				value: 67,
				name: '已检'
			}, {
				value: 10,
				name: '待检'
			}],
			label: {
				normal: {
					textStyle: {
						color: '#fff',
						fontSize: 12,
					},
					formatter: '{d}%'
				}
			},
			labelLine: {
				normal: {
					show: true,
					lineStyle: {
						color: '#fff'
					}
					//						color:'#fff'
				}
			},
			itemStyle: {
				normal: {
					//						borderWidth: 4,
					//						borderColor: '#fff',
				},
				emphasis: {
					borderWidth: 0,
					shadowBlur: 10,
					shadowOffsetX: 0,
					shadowColor: 'rgba(0, 0, 0, 0.5)'
				}
			},
			color: ['#5045f6', '#4777f5', '#44aff0', '#45dbf7']
			//			}
		}, {
			type: 'gauge',
			radius: '40%',
			center: ['50%', '70%'],
			startAngle: 120,
			endAngle: -239.999999,
			splitNumber: 4,
			axisLine: {
				show: false,
				lineStyle: {
					width: 0,
				}
			},
			axisTick: {
				show: true,
				lineStyle: {
					color: '#8f8f8f',
					width: 1
				},
				length: '-3%',
				splitNumber: 50
			},
			splitLine: {
				show: false,
				length: 2,
				lineStyle: {
					color: '#8f8f8f',
				}
			},
			axisLabel: {
				show: false
			},
			detail: {
				show: false
			}
		}]
	};
	DJchart.setOption(option)
})